<%@ page contentType="text/html; charset=utf-8" language="java"
	import="java.sql.*" errorPage=""%>
<%@page import="powerdev.negocio.GestionLocal,java.util.*"%>
<%@page import="powerdev.modelo.Local"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body,td,th {
	font-family: Georgia, "Times New Roman", Times, serif;
}
</style>
</head>

<body>
	<table width="100%" border="0">
		<tr>
			<td height="39" align="center" bgcolor="#FFFFCC"><h3>
					<strong>ALQUILER DE CANCHA DE FULBITO</strong>
				</h3></td>
		</tr>
		<tr>
			<td height="633">
				<% 
      GestionLocal neg = new GestionLocal();
	  Collection<Local> todos = neg.ListarLocales();
   	  request.setAttribute("ListadoLocal",todos);
  	 %>

				<form name="form1" method="get" action="RegistrarAlquiler">
					<table width="100%" border="0" style="height: 765px;">
						<tr>
							<td><table width="98%" border="0" align="center"
									style="height: 128px;">
									<tr>
										<td height="38" colspan="2" bgcolor="#66CCFF"
											style="height: 11px;"><h4>USUARIO:</h4></td>
									</tr>
									<tr>
										<td width="26%">Nombre:</td>
										<td width="74%">Luis Antonio Cisneros Martinez</td>
									</tr>
									<tr>
										<td>Identificación:</td>
										<td><select name="TipoDoc">
												<option value="1">DNI</option>
												<option value="2">RUC</option>
												<option value="3">CE</option>
										</select> <input type="text" name="Txt_NumDoc" id="Txt_NumDoc" /></td>
									</tr>
								</table></td>
						</tr>
						<tr>
							<td height="59" style="height: 195px;"><table width="98%"
									border="0" align="center">
									<tr>
										<td height="30" colspan="2" bgcolor="#99FF00"
											style="height: 18px;"><h4>CARGA INFORMACIÓN DEL
												LOCAL Y CANCHA:</h4></td>
									</tr>
									<tr>
										<td width="26%">Seleccione un Local:</td>
										<td width="74%" style="width: 525px;"><select
											name="cmbLocal" id="cmbLocal"
											onchange="javascript:Seleccionar();" style="width: 335px;">
												<option value=0>Seleccione un Local</option>
												<%
 				for(Local c:todos){
 				   out.println("<option value="+c.getCo_Local()+">"+c.getNo_Local()+"</option>"); 
				}
 			  %>

										</select></td>
									</tr>
									<tr>
										<td>Dirección:</td>
										<td><input name="Txt_NumDoc2" type="text"
											id="Txt_NumDoc2" value="" style="width: 627px;" /></td>
									</tr>
								</table></td>
						</tr>
						<tr>
							<td><input type="hidden" id="__sf" name="__sf" value="" />
								<input type="hidden" id="__so" name="__so" value="" />
								<table id="fdg_1" cellspacing="3" cellpadding="4" border="1">
									<tr>
										<th bgcolor="#FFCC33" class="fdg_1_header"
											id="fdg_1_header_Contador">Seleccionar</th>
										<th bgcolor="#FFCC33" class="fdg_1_header fdg_sortable"
											id="fdg_1_header_nombre"
											onclick="document.getElementById('fdg_form_1').setAttribute('action', self.location.href);document.getElementById('__sf').value='nombre';document.getElementById('__so').value='asc'; document.getElementById('fdg_form_1').submit();">Nombre</th>
										<th bgcolor="#FFCC33" class="fdg_1_header fdg_sortable"
											id="fdg_1_header_curso"
											onclick="document.getElementById('fdg_form_1').setAttribute('action', self.location.href);document.getElementById('__sf').value='curso';document.getElementById('__so').value='asc'; document.getElementById('fdg_form_1').submit();">Tipo</th>
										<th bgcolor="#FFCC33" class="fdg_1_header fdg_sortable"
											id="fdg_1_header_nivel"
											onclick="document.getElementById('fdg_form_1').setAttribute('action', self.location.href);document.getElementById('__sf').value='nivel';document.getElementById('__so').value='asc'; document.getElementById('fdg_form_1').submit();">Fecha</th>
										<th bgcolor="#FFCC33" class="fdg_1_header fdg_sortable"
											id="fdg_1_header_nivel"
											onclick="document.getElementById('fdg_form_1').setAttribute('action', self.location.href);document.getElementById('__sf').value='nivel';document.getElementById('__so').value='asc'; document.getElementById('fdg_form_1').submit();">Horario
											Disponible</th>
									</tr>


									<tr>
										<td align="right" class="fila"><input type="radio"
											name="radio" id="rdb_Select" value="rdb_Select" /> <label
											for="rdb_Select"></label></td>
										<td bgcolor="#66CCFF" class="fila">CANCHA ORIENTE 01</td>
										<td class="fila">LOSA - CONCRETO</td>
										<td bgcolor="#33CCFF" class="fila">03/30/2012</td>
										<td class="fila">12:00 - 18:00</td>
									</tr>

									<script language="JavaScript" type="text/JavaScript">
					function Seleccionar() {
    					var valor = document.form1.cmbLocal.value;
    					if (valor != 0) { 
    				
    				alert("Seleccione un Local");
    				/*	 out.println("");
    			 			document.form1.action="";
	 						document.form1.submit(); */
  							}		
  						else 
  							{ 
  							alert("Seleccione un Local");
  							}
					}
	 		</script>





								</table></td>
						</tr>
						<tr>
							<td><p>DETALLE DE ALQUILER:</p>
								<table width="98%" border="0">
									<tr>
										<td bgcolor="#FFFFCC" style="width: 132px;">Nombre:</td>
										<td bgcolor="#FFFFCC" style="width: 659px;"><input
											name="Txt_NomLocal" type="text" id="Txt_NomLocal" value=""
											style="width: 601px;" /></td>
									</tr>
									<tr>
										<td bgcolor="#FFFFCC">Tipo:</td>
										<td bgcolor="#FFFFCC"><input style="width: 386px;" /></td>
									</tr>
									<tr>
										<td bgcolor="#FFFFCC">Fecha:</td>
										<td bgcolor="#FFFFCC"><input name="Txt_Fecha" type="text"
											id="Txt_Fecha" value="2012-04-13" style="width: 140px;" /></td>
									</tr>
									<tr>
										<td bgcolor="#FFFFCC">Precio por Hora:</td>
										<td bgcolor="#FFFFCC"><input style="width: 140px;" /></td>
									</tr>
									<tr>
										<td bgcolor="#FFFFCC">Hora Inicio</td>
										<td bgcolor="#FFFFCC"><input name="Txt_HoraI" type="text"
											id="Txt_HoraI" value="16:00:00" style="width: 140px;" /></td>
									</tr>
									<tr>
										<td bgcolor="#FFFFCC">Cantidad Horas:</td>
										<td bgcolor="#FFFFCC"><select name="TipoDoc"
											style="width: 142px;">
												<option value="01:00:00">01:00:00</option>
												<option value="02:00:00">02:00:00</option>
												<option value="03:00:00">03:00:00</option>
												<option value="04:00:00">04:00:00</option>
												<option value="05:00:00">05:00:00</option>
												<option value="06:00:00">06:00:00</option>
										</select></td>
									</tr>
									<tr>
										<td bgcolor="#FFFFCC">Importe S/.:</td>
										<td bgcolor="#FFFFCC"><input style="width: 140px;" /></td>
									</tr>

								</table></td>
						</tr>
						<tr>
							<td><p>SERVICIOS OFRECIDOS:</p>
								<table width="98%" border="0">
									<tr>
										<td bgcolor="#66CCFF" style="height: 42px;"><input
											type="checkbox" />Fotografía</td>
										<td bgcolor="#66CCFF"><input type="checkbox" />Camisetas</td>
										<td bgcolor="#66CCFF"><input type="checkbox" />Zapatilla</td>
										<td bgcolor="#66CCFF"><input type="checkbox" />Arbitro</td>
									</tr>

								</table></td>
						</tr>
						<tr>
							<td><p>IMPORTE A PAGAR:</p>
								<table width="98%" border="0" style="height: 47px;">
									<tr>
										<td bgcolor="#FFFFCC">Total por Alquiler: S/. 0.00</td>
										<td bgcolor="#FFFFCC">Total por Servicios: S/. 0.00</td>
										<td bgcolor="#FFFFCC">TOTAL GENERAL: S/. 0.00</td>

									</tr>

								</table></td>

						</tr>
						<tr>
							<td>
								<table width="98%" border="0" style="height: 47px; width: 516px">
									<tr>
										<td><input type="submit" name="btnGuardar"
											id="btnGuardar" value="Enviar" style="width: 202px;" /></td>
										<td><input type="submit" name="btnCancelar"
											id="btnCancelar" value="Cancelar" style="width: 202px;" /></td>
									</tr>

								</table>
							</td>

						</tr>
					</table>
					${MENSAJE}
				</form>
			</td>
		</tr>
		<tr>
			<td height="167" style="height: 12px;"></td>
		</tr>
	</table>
</body>
</html>